<!DOCTYPE html>
<html lang="zn">

<head>
    <meta charset="utf-8">
    <link rel="icon" href="小恐龙.jpg" type="x-icon" />
    <link href="style.css" rel="stylesheet" type="text/css">
    <title>个人作品网页</title>

</head>

<body>
    <a id="one"></a>
    <div class="head">
        <div class="hezi1">
            <div class="hezi3"><a href="#one">首页</a><a href="#two">关于我的</a></div>
            <span><img src="h.jpg"></span>
            <div class="hezi4"><a href="#three">作品集</a><a href="#three">UI/UE</a> </div>
        </div>
    </div>

    <div class="dahezi">
        <div class="index">
            <h1>个人网页作品集</h1>
            <p>
                <a href="https://wx.qq.com/" target="_blank"><img src="微信.jpg"></a>
                <a href="https://www.weibo.com/login.php/" target="_blank"><img src="个人网页.jpg"></a>
                <a href="https://im.qq.com/" target="_blank"><img src="qq.jpg"></a>
                <a href="https://www.twitterfensi.com/" target="_blank"><img src="IMG_09.jpg"></a>
            </p>


        </div>


    </div>
    <div class="kaishi">
        <a href="#two">让我们开始吧</a>
    </div>
    <div class="main">
        <div class="hezi5">
            <a id="two"></a>
            <h1 href=>关于我的</h1>
            <p>ABOUT ME</p>
        </div>
        <div class="txt">
            <a>姓名：黄国斌<br>学号：19330520104<br>专业：艺术与科技一班</a><br> PhotoShop、AI、Pr操作，插画、海报、排版设计、画册主题设计，机绘手绘兼具，不断摸索，不断学习、具有视觉传达，设计心理学知识，用户体验设计等学科能力

            <img src="gif4.gif" height="200px">

        </div>
        <div class="anniu"> <a href="#three">插画作品</a> <a href="#three">排版作品</a> </div>
    </div>
    <div class="heise">
        <div class="zuoping1">
            <a id="three">
                <div class="wula">
                    <h2>海报排版作品</h2>
                </div>
            </a>
        </div>
        <div class="paiban">
            <img class="fangda" src="数1.jpg" alt="排版" title="排版" height="420px">
            <img class="fangda" src="数2.jpg" alt="排版" title="排版" height="420px">
            <img class="fangda" src="数3.jpg" alt="排版" title="排版" height="420px">
            <img class="fangda" src="数4.jpg" alt="排版" title="排版" height="420px">
            <img class="fangda" src="数5.jpg" alt="排版" title="排版" height="420px">


        </div>
        <div class="zuoping2">
            <div class="wula">
                <h2>画册作品</h2>
            </div>
        </div>
        <div class="huace">

            <img class="fangda" src="画册1.jpg" alt="画册" title="画册" height="320px">
            <img class="fangda" src="画册2.jpg" alt="画册" title="画册" height="320px">

        </div>


    </div>
    <div class="chahua">
        <a id="three">
            <div class="wula">
                <h2>插画作品</h2>
            </div>
        </a>
        <img class="fangda" src="1.jpg" alt="插画" title="插画" height="280px">
        <img class="fangda" src="3.jpg" alt="插画" title="插画" height="280px">
        <img class="fangda" src="4.jpg" alt="插画" title="插画" height="280px">
        <img class="fangda" src="5.jpg" alt="插画" title="插画" height="280px">
        <img class="fangda" src="6.jpg" alt="插画" title="插画" height="280px">


    </div>
    <div class="moduan">
        <a href="#one">
            <h4>回到顶部</h4>
        </a>
        <a href="https://mail.qq.com/cgi-bin/loginpage?autologin=n&errtype=1&clientuin=1565243895&param=&sp=&tfcont=22%20serialization%3A%3Aarchive%2010%200%200%203%200%200%200%208%20authtype%201%206%209%20clientuin%2010%201565243895%206%20domain%206%20qq.com&r=d758f6f04243bc0fd94cda474b64f90f">


            <h5>1565243895@qq.com</h5>
        </a>
        <div class="kongbaikuang"></div>
        <a href="#">


        </a>
    </div>
</body>

</html>